<template>
  <div class="goodsList">
    <goodsItem v-for="(item, index) in goods" :key="index" :goodsItem="item"></goodsItem>
  </div>
</template>

<script>
  import goodsItem from './goodsItem.vue'
  export default {
    name:'goodsList',
    props:{
      goods:{
        type:Array,
        default(){
          return []
        }
    },
    data(){
      return {

        }
      }
    },
    components:{
      goodsItem
    }
  }
</script>

<style scoped>
  .goodsList{
    display:flex;
    padding:2px;
    justify-content:space-around;
    flex-wrap:wrap
  }
</style>
